<!DOCTYPE html>
<html xmlns:th="http://www.springframework.org/schema/jdbc">
	<head th:replace="admin/_fragments :: head(~{::title})">
	    <meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
	    <title>博客列表</title>
		<link rel="stylesheet" href="../../static/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../static/lib/editormd/css/editormd.min.css">
		<style>
			/* footer元素设置 */
			/* footer元素设置 */
			footer div .row {
				margin-bottom: 0.625rem;
				height: 6.25rem;
			}
			footer div .row [class*="col-md-3"] {
				height: 100px;
				margin-top: 1.875rem;
				text-align: center;
				border-right: 1px solid #122B40;
			}
		</style>
	</head>
	<body>
	<div  th:replace="admin/_fragments :: nav">
		<nav class="navbar navbar-inverse navbar-static-top" role="navagation">
			<div class="container">
				<!-- logo -->
				<div class="navbar-header">
					<a href="#" class="navbar-brand">管理后台</a>
				</div>
				<div id="navbar" class="collapse navbar-collapse">
					<ul class="nav navbar-nav">
						<li ><a href="#"><i class="glyphicon glyphicon-home"></i>&nbsp;博客</a></li>
						<li ><a href="#"><i class="glyphicon glyphicon-th"></i>&nbsp;分类</a></li>
						<li ><a href="#"><i class="glyphicon glyphicon-tags"></i>&nbsp;标签</a></li>
					</ul>

					<!-- 用户已登录      ↓ -->
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
								<!-- 用户头像      ↓ -->
								<img id="iconImg" style="height:30px;width:30px" src= "../../static/img/default.jpg" class="img-circle"/>
								<!-- 用户头像      ↑ -->
								<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a>头像修改</a></li>
								<li><a href="/static/img/admin/logout">退出登录</a></li>
							</ul>
						</li>
					</ul>
					<!-- 用户登录状态       ↑ -->
				</div>
			</div>
		</nav>
	</div>

		<!-- 中间内容-->
		<div style="padding-top: 3.125rem;margin-bottom: 450px">
			<div class="container">
				<div style="width: 80%;">
					<form method="post" th:object="${type}" th:action="*{id} == 0 ? @{/admin/types/add} : @{/admin/types/edit/{id}(id=*{id})}">
						<div class="input-group">
							<span class="input-group-addon">新增分类名称</span>
							<input name="name" th:value="*{name}" class="form-control" placeholder="新增分类名称" required autofocus>
						</div>
						
						<div class="text-right" style="margin-top: 0.625rem;">
							<button class="btn btn-danger" type="button" onclick="window.history.go(-2)">返回</button>
							<button class="btn btn-primary" type="submit">提交</button>
						</div>

						<!-- 错误提示框 -->
						<!--/*/
                        <div th:if="${#fields.hasErrors('name')}" class="alert alert-info alert-dismissible" role="alert">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4>验证失败</h4>
                            <p th:errors="*{name}">提交信息不符合规则</p>
                        </div>
                        /*/-->
					</form>
				</div>
			</div>
		</div>

		<!-- 底部 -->
		<footer th:replace ="admin/_fragments :: footer" class="footer navbar-default navbar-static-bottom" >
			<div class="container-fluid" style="background-color: #3C763D;height: 200px;">
				<div class="row" style="height: 60%">
					<div class="col-md-3"><img src="../../static/img/QR-code.jpg"  th:src="@{/img/QR-code.jpg}" class="img-rounded" height="80px" width="80px"></div>
					<div class="col-md-3" id="footer-freshBlogs-container">
						<div th:fragment="footer-fresh-div" >
							<strong>最新博客</strong>
							<div th:each="blog : ${blogs}">
								<a href="#" style="color: #0C1021" th:href="@{/blog/{id}(id=${blog.id})}" th:text="${blog.title}">Dapibus ac facilisis in</a>
							</div>
							<!--/*-->
							<div>
								<a href="#">Morbi leo risus</a>
							</div>
							<div>
								<a href="#">Vestibulum at eros</a>
							</div>
							<!--*/-->
						</div>
					</div>
					<div class="col-md-3">
						<address>
							<strong>联系我</strong><br>
							<p>
								邮箱: <span th:text="#{footer.email}">121@136.com</span><br>
								QQ: <span th:text="#{footer.qq}">666666666</span><br>
								QQ群: <span th:text="#{footer.qqGroup}">666666666</span>
							</p>
						</address>
					</div>
					<div class="col-md-3">
						<strong>SJZD</strong><br>
						<p th:text="#{footer.introduce}">一个简易的博客</p>
					</div>
				</div>
				<div class="text-center" style="border-top: black 1px solid; width: 100%;">
					<div style="margin-top: 20px">
						<strong>Copyright &copy; 2019 - 2050 SJZD designed at CQUT</strong>
					</div>
				</div>
			</div>
		</footer>
		<!--/*/<th:block th:replace="admin/_fragments :: script">/*/-->
		<script type="text/javascript" src="../static/jquery/jquery-3.4.1.min.js"></script>
		<script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
		<!--/*/</th:block>/*/-->
	</body>
</html>
